<html>
	<head>
		<meta
		  name="viewport"
		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
		/>
		<meta name="referrer" content="no-referrer">
		<style>
			html, body {
				width: 100vw;
				height: 100vh;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			.background {
				width: 100vw;
				height: 100vh;
				background-size: cover;
			}
		</style>
	</head>
	<title>图片高斯模糊背景图</title>
	<body>
		<div class="background"></div>
	</body>
	<script>
		window.onload = function () {
			var query = window.location.search.substring(1)
			var querys = query.split('&')
			var image = decodeURIComponent(querys[0].split('=')[1])
			var blur = decodeURIComponent(querys[1].split('=')[1])
			document.getElementsByClassName('background')[0].style.backgroundImage = 'url(' + image + ')'
			document.getElementsByClassName('background')[0].style.filter = 'blur(' + blur + 'px)'
		}
	</script>
</html>